<template>
  <!-- <h2>模板插值表达式是：{{ msg }}</h2>
  <h3>组合api的num数值:{{ num }}</h3>
  <button @click="num++">组合api++</button>
  <Demo></Demo> -->
  <!--注入组件-->
  <!-- <Vbind ></Vbind>
  <von></von> -->
  <!-- <VIF></VIF> -->
  <!-- <Vmodel></Vmodel> -->
  <Vfor></Vfor> 
  
  </template>

<script setup>
import Demo from './components/Demo.vue'
import Vbind from './components/Vbind.vue'
import von from './components/von.vue'
import VIF from './components/VIF.vue'
import Vmodel from './components/Vmodel.vue'
import Vfor from './components/Vfor.vue'
import { ref } from 'vue'
const msg = 'hello world'
// 改变为响应式操作 ref active
const num =ref(0)
</script>
<style scoped>

</style>
